import { Demo1Component } from './demo1/demo1.component';

export const ColorPickerConfig = {
  location: 'ColorPicker',
  description: '拾色器',
  description_en: 'Color Picker',
  component: [
    {
      demo: Demo1Component,
      codePath: 'showcase/color-picker/demo1/demo1.component',
      demoTitle: '基础使用',
      demoTitle_en: 'Basic',
      demoDescription: '拾色器',
      demoDescription_en: 'Color picker'
    }
  ],
  useRule: [],
  useSuggestion: [],
  mApi: [
    {
      name: '指令方式',
      name_en: 'Directive Mode',
      selector: 'lv-color-picker',
      snippet: `<div lv-color-picker [lvColorPickerHeader]="\${1:title}" [lvColorPickerFooter]="\${2:Footer}" [(lvColorPickerValue)]="\${3:color}"></div>`,
      api: [
        {
          attribute: 'lvColorPickerHeader',
          type: 'string | Template',
          default: '-',
          description: `拾色器头部。`,
          description_en: `Popover card head.`
        },
        {
          attribute: 'lvColorPickerFooter',
          type: 'string | Template',
          default: '-',
          description: `拾色器底部`,
          description_en: `Popover card bottom.`
        },
        {
          attribute: 'lvColorPickerShowArrow',
          type: 'boolean',
          default: 'true',
          description: `控制拾色器面板小三角是否显示。`,
          description_en: ``
        },
        {
          attribute: 'lvColorPickerAnimationType',
          type: 'string',
          default: 'popup',
          description: `拾色器显示动画方式，默认为弹出效果（popup），可设置为滑出效果（slide）`,
          description_en: ``
        },
        {
          attribute: 'lvColorPickerFormat',
          type: 'string',
          default: 'hex',
          description: `颜色的格式，支持的格式有“十六进制”、“rgb”和“hsb”。`,
          description_en: ``
        },
        {
          attribute: 'lvColorPickerShowColorText',
          type: 'boolean',
          default: 'true',
          description: `是否显示当前颜色值`,
          description_en: ``
        },
        {
          attribute: 'lvColorPickerValue',
          type: 'string',
          default: '#ff0000',
          description: `默认颜色值`,
          description_en: ``
        },
        {
          attribute: 'lvColorPickerClassName',
          type: 'string',
          default: '-',
          description: '自定义样式',
          description_en: `Customer Style Class`
        }
      ],
      event: [
        {
          event: 'lvColorPickerValueChange',
          parameter: `--`,
          description: '颜色值改变回调函数。',
          description_en: ''
        }
      ]
    }
  ]
};
